
.pxrem(@name, @px) {
  @{name}: @px*750/@designWidth/20rem;
}
@designWidth:639;
@mt:margin-top;
@mb:margin-bottom;
@ft:font-size;
@pt:padding-top;
@pb:padding-bottom;
.my-font(@ft1,@lh1,@color:#000){
 .pxrem(font-size, @ft1);
 .pxrem(line-height, @lh1);
 color: @color;
}
.index-banner{
 width:100%;
}
.index-banner img{
 width:100%;
}
.index-content {
 padding: 0 3.125%;
}
.index-content-a {
 .pxrem(padding-top,38);
 text-align: center;
}
.index-content-a h2 {
 .pxrem(font-size, 36);
 color: #363636;
 margin: 0 auto;
 .pxrem(margin-bottom, 22);
}
.index-content-a p {
 .pxrem(font-size, 16);
 .pxrem(line-height, 24);
 color: #989898;
}
.phone-about-b {
 .pxrem(padding-top, 30);
}
.phone-tong {
 text-align: center;
}
.phone-tong h2{
 .pxrem(font-size, 24);
 .pxrem(line-height, 22);
 color: #363636;
 .pxrem(margin-top, 27);
}
.phone-tong p{
 .pxrem(font-size, 16);
 .pxrem(line-height, 26);
 color: #989898;
 .pxrem(margin-top, 15);
}
.phone-tong p:last-child{
 .pxrem(margin-top, 0);
}
.index-middle-banner{
 .pxrem(@mt, 48);
}
.middle-new-media{
 .pxrem(@pt, 46);
}
.middle-new-media1{
  border-bottom: 1px solid #e4e4e4;
}
.middle-new-media2{
 border-right: 1px solid #e4e4e4;
}
.new-media2 h2{
 .pxrem(@pb, 57);
}
.new-media2 p{
 .pxrem(margin-top, 34);
}
.advantage1{
 .pxrem(@pt, 20);
 .pxrem(@pb, 34);
}
.advantage1 img{
 .pxrem(@mb, 22);
}

.advantage1 h3{
 .my-font(26,22,#666);
 .pxrem(@mb, 20);
}
.advantage1 p{
 .my-font(16,26,#989898);
}
.index-adv1-bottom{
  padding:0 16px;
}

.advantage1-table td{
 .pxrem(height,73);
 border:1px solid #ddd; 
 background: #fff;
}
#special-table2>tr>td,#special-table3>tr>td,#special-table4>tr>td{
 padding:0px;
 border:1px solid #e5e5e5;
}
#special-tr1 td,#special-tr2 td,#special-tr3 td,#special-tr4 td,#special-tr1-2 td,#special-tr4-2 td,#special-tr4-3 td,#special-tr1-3 td{
 padding:0px;
}
.advantage1-table td a{
 box-sizing: border-box;
 width: 100%;
 height: 100%;
 display: block;
 border:2px solid transparent;
 background-size:cover;
}
.advantage1-table td a.adv1-active{
 border:2px solid #d12c38;
}
.refs-row1-a{
 background: url(../img/index/adv1-1.jpg) no-repeat center center;
}
.refs-row1-b{
 background: url(../img/index/adv1-2.jpg) no-repeat center center;
}
.refs-row1-c{
 background: url(../img/index/adv1-3.jpg) no-repeat center center;
}
.refs-row2-a{
 background: url(../img/index/adv2-1.jpg) no-repeat center center;
}
.refs-row2-b{
 background: url(../img/index/adv2-2.jpg) no-repeat center center;
}
.refs-row2-c{
 background: url(../img/index/adv2-3.jpg) no-repeat center center;
}
.refs-row3-a{
 background: url(../img/index/adv3-1.jpg) no-repeat center center;
}
.refs-row3-b{
 background: url(../img/index/adv3-2.jpg) no-repeat center center;
}
.refs-row3-c{
 background: url(../img/index/adv3-3.jpg) no-repeat center center;
}
.refs-row4-a{
 background: url(../img/index/adv4-1.jpg) no-repeat center center;
}
.refs-row4-b{
 background: url(../img/index/adv4-2.jpg) no-repeat center center;
}
.refs-row4-c{
 background: url(../img/index/adv4-3.jpg) no-repeat center center;
}
.advantage2{
 .pxrem(@pt, 85);
}
.index-in-out{
 .pxrem(margin-top, 38);
}
.advantage3{
 .pxrem(margin-top, 60);
}
.left-span,.right-span{
 .pxrem(width, 48);
 .pxrem(height, 103);
 position: absolute;
 top: 50%;
 z-index: 5;
 display: inline-block;
 .pxrem(margin-top, -51);
}
.left-span{
 left:0;
 background: url(../img/index/left.png) no-repeat rgba(0,0,0,0.3) center center;

}
.right-span{
 background: url(../img/index/right.png) no-repeat rgba(0,0,0,0.3) center center;
 right:0;
}
div.advantage4{
 .pxrem(margin-top, 124);
}
.advantage4 div{
 position: relative;
}
.advantage4 div .case1-img{
 position: absolute;
 .pxrem(width, 600);
 .pxrem(top, -82);
 .pxrem(margin-left, -300);
 left:50%;
 z-index: 2000;
}
div.contact-us{
 .pxrem(margin-top, 94);
}
.message {
 background: #fff;
 height: 440px;
width:600px;
 margin:0 auto;
 /*float: left;*/
 position: relative;
 margin-top:46px;
 margin-bottom: 60px;
}

.submit {
 background: #f32836;
 width: 100px;
 border-radius: 20px;
 color: #fff;
 margin-top: 15px;
}
.send-email{
 text-align: left;
 padding-top: 36px;
}
.send-email b{
 color:#f32836;
 font-weight: normal;
}
.form-group {
 width: 100%;
 float: left;
 margin-bottom: 25px;
}

.maxtext {
 position: absolute;
 bottom: 168px;
 right: 17px;
 color: #f32836;
}
.form-group span.clear-btn {
 width: 50px;
 /*width: 7%;*/
 height: 50px;
 background: #fff;
 float: left;
 border: 1px solid #d8d8d8;
 border-right: none;
}

.form-group span.clear-btn i {
 background: url(../img/index/name.png) no-repeat center center;
 -webkit-transition: -webkit-transform 0.4s ease-out;
 -moz-transition: -moz-transform 0.4s ease-out;
 transition: transform 0.4s ease-out;
 width: 50px;
 height: 50px;
 display: inline-block;
}

.form-group input {
 width:550px;
 height: 50px;
 float: left;
 color: #a7a7a7;
 border: 1px solid #d8d8d8;
 border-left: none;
 border-radius: 0;
}

.form-group span.clear-btn-a {
 width: 50px;
 height: 50px;
 background: #fff;
 float: left;
 border: 1px solid #d8d8d8;
 border-right: none;
}

.form-group span.clear-btn-a i {
 background: url(../img/index/phone.png) no-repeat center center;
 -webkit-transition: -webkit-transform 0.4s ease-out;
 -moz-transition: -moz-transform 0.4s ease-out;
 transition: transform 0.4s ease-out;
 width: 50px;
 height: 50px;
 display: inline-block;
}

.form-group:hover span i {
 -webkit-transform: rotate(360deg);
 -moz-transform: rotate(360deg);
 transform: rotate(360deg);
}

.form-group textarea {
 width: 100%;
 height: 132px;
 padding: 8px;
 border: 1px solid #d8d8d8;
}

